<html>
  <head>
    <title>
      菜单
    </title>
  </head>
  <body>
    <script>
      /*
          getMenuButtonBoundingClientRect()   

                            注:

                                  ClientRect 通常翻译为 “客户端矩形”。

                                  在 Web 开发中，它常指元素的客户端矩形区域，用于表示元素在视口（浏览器可见区域）中的位置和尺寸信息，
                                  
                                  包括元素的顶部、底部、左侧、右侧坐标以及宽度和高度等属性。
                                  
                                  例如，通过getBoundingClientRect()方法可以获取元素的 ClientRect 信息，常用于定位、碰撞检测等场景。


                        1、概述

                                在小程序平台，如果原生导航栏被隐藏，仍然在右上角会有一个悬浮按钮，微信下也被称为 "胶囊按钮"。

                                本API用于获取小程序下该菜单按钮的布局位置信息，方便开发者布局顶部内容时避开该按钮。


                                坐标信息以屏幕左上角为原点。


                        2、平台差异说明

                                  App	H5	微信小程序	支付宝小程序	百度小程序	抖音小程序	飞书小程序	QQ小程序	元服务	小红书小程序
                                  x	   x	  √	        √	              √	        √	          x	        √	      √	          √


                        3、返回值说明

                                      属性	        类型	    说明

                                    ①、width     	number	  宽度，单位：px

                                    ②、height	    number	  高度，单位：px

                                    ③、top	      number	  上边界坐标，单位：px

                                    ④、right	    number	  右边界坐标，单位：px

                                    ⑤、bottom	    number	  下边界坐标，单位：px

                                    ⑥、left     	number	  左边界坐标，单位：px


                        4、示例：

                                   let menuButtonInfo = uni.getMenuButtonBoundingClientRect()


                        5、注意

                                支付小程序： 其逻辑与微信小程序不同，它提供了菜单电机后按钮的自定义功能，可以选择侠士哪些系统按钮。

      */
    </script>
  </body>
</html>